<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>豆腐渣管理系统</title>
    <link href="images/logo.png" rel="icon">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div id="body">
    <div id="logo">
        <img alt="logo-img" src="images/logo.png" id="logo-img">
        <span id="ourname">中国豆腐渣工程</span>
        <a href="javascript:" class="btn cancel" id="exit">退出</a>
        <span id="time"></span>
        <span id="welcome">欢迎 <span id="currentuser">管理员</span> 的登录</span>
    </div>
    <div id="content">
        <div id="left">
            <div class="circle">
                <ul class="hidden">
                    <li><a href="employee.html" target="_self">员工管理</a></li>
                    <li><a href="department.html" target="_self">部门管理</a></li>
                    <li><a href="job.html" target="_self">职位管理</a></li>
                </ul>
                <span>资料管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="school-activity.html" target="_self">学校活动</a></li>
                    <li></li>
                    <li><a href="school.html" target="_self">学校管理</a></li>
                </ul>
                <span>学校管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="student.html" target="_self">学生管理</a></li>
                    <li><a href="teacher.html" target="_self">老师管理</a></li>
                    <li><a href="class.html" target="_self">班级管理</a></li>
                </ul>
                <span>用户管理</span>
            </div>

        </div>
        <div id="right">
            公用按钮：
            <a href="javascript:" class="btn">确定按钮</a>
            <a href="javascript:" class="btn cancel" >取消按钮</a>
            <a href="javascript:" class="btn small" >确定按钮(小)</a>
            <a href="javascript:" class="btn small cancel" >取消按钮(小)</a>
            <br><br>
            你们的js不要用 $ 作为函数名(因为 $ 已被我承包)，可以用common.js 的getId(Id)
            <br>
            如果要使用按钮特效，必须先引入
            <textarea style="width: 800px;height: 100px;font-size: 15px;">
                <script type='text/javascript' src='js/jquery-2.1.1.min.js'></script>
                <script type="text/javascript" src='js/common.js'></script>
                这里 引用你自己的script(顺序请严格遵循. jquery-2.1.1.min.js 和common.js 必须在你自己写的js前面)
            </textarea>

        </div>
    </div>
    <div id="footer">
        <p>2014 - 2016 &copy;版权二组所有，禁止抄袭</p>
    </div>
</div>
</body>
</html>